<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>表单</title>

<style >

.title {
font-size: 30px;
background: darkgray;
}

h1 {
 color: blue;
}

/*----- -----*/


</style>

</head>

<body>

<!-- 基本表单 -->
<h1>基本表单</h1>

<!--
<input type="…… " name="" value="" />
text              文本框
password     密码
radio            单选 ,当name一样的时候,选择才会有互斥效果
checkbox     复选
submit         提交
reset            重置
button         按钮
image          图片
file               上传
hidden         隐藏


 -->

<form class="" action="http://www.baidu.com" method="get">

<p>
  <input type="text" name="userName" value="输入框">
</p>


<p>
  <input type="paswword" name="paswword" value="" >
</p>


<p>
  <input type="radio" name="sex" value="men" >男
  <input type="radio" name="sex" value="women" >女
</p>


<p>
  <!-- checked="" 表示取消选中  -->
    <input type="checkbox" name="xingqu1" checked="checked"  value="chi" />吃
    <input type="checkbox" name="xingqu2" value="shuijiao" />睡觉
    <input type="checkbox" name="xingqu3" value="" />打豆豆
</p>


<p>
    <input type="button" value="自定义按钮" />
    <input type="image" src="img/round.png" value="上传图片"/>
  </p>



<p>
<input type="file" >
</p>

<!-- 有时候为了不让用户看到一些提交的值,需要隐藏 -->
<p>
  <input type="hidden" name="platform" value="web">
</p>



<p>
<input type="submit" value="提交" />
<input type="reset" value="重设" />
</p>


</form>


<hr>

<!-- 淘宝 -->
<h1>淘宝查询</h1>

<form  action="https://s.taobao.com/search">

  <input type="text" name="q" value="">

<input type="submit" value="搜淘宝">
</form>


</body>
</html>
